<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">	
<link rel="shortcut icon" type="image/x-icon" href="{{URL::asset('handan/images/logo-icon.png')}}" />
<title>添加</title>
<link rel="stylesheet" href="{{URL::asset('mobile/css/public.css') }}"/>
<link rel="stylesheet" href="{{URL::asset('mobile/css/append.css') }}"/>
<script src="{{URL::asset('public_js/jquery-3.2.1.min.js')}}"></script>
<script src="{{URL::asset('mobile/js/public.js') }}"></script>
<script src="{{URL::asset('mobile/js/slidernav.js') }}"></script>
<script src="{{URL::asset('mobile/js/append.js') }}"></script>
</head>
<body>

<!--搜索-->
	<section id="searchinput">
		<div class="search">
			<i><img src="{{URL::asset('mobile/image/search_append.png') }}" alt="" /></i>
			<form  action="" method="post" id="searchSubmit">
			    <input type="text" value="" placeholder="请输入品种名称" id="l_searchInput"/>
			</form>
		</div>
		<div class="cancel" onclick="deletInput();">
			取消
		</div>
	</section>
	<!--列表-->
<div id="slider">
	<div class="slider-content">
		<ul id="slider_Ul">
			
			@foreach($typenamearr as $key=>$val)
			 <li id="{{$key}}"><a name="{{$key}}" class="title">{{$key}}</a>
				<ul>
					@foreach($val as $vval)
					<li>
						<div class="zhTypename">{{$vval->chinaname}}</div>
						<div class="enTypename">{{$vval->name}}</div>
						<div><i><img src="mobile/image/{{$vval->name}}.png" alt="" /></i></div>
					</li>
					@endforeach
				</ul>
			</li>
			@endforeach
		</ul>
	</div>
	<div class="slider_con">
	</div>
</div>
<!-- 底部撑块 -->
<div class="chengkuai"></div>
<script>
	var gotourl    = "{{ url('/') }}";
	var gotoMlogin = "{{ url('/mlogin') }}";
	var gotoAdd    = "{{url('/addtypename') }}";
	var firststr   = '{{$firststr}}';
	    firststr   = firststr.split(',');
	//右侧字母检索
	$('#slider').sliderNav();
	$('#transformers').sliderNav({items:['autobots','decepticons'], debug: true, height: '300', arrows: false});
</script>
@include('mobile.footer')
<style>
	/*底部行情应用样式*/
	footer ul li:nth-child(1) a {
		color: #3B9CE0;
	}
	footer ul li:nth-child(1) a i {
	  background: url("{{URL::asset('mobile/image/hq_icond.png')}}") no-repeat center / cover;
	}
</style>
